jQuery取得與設定HTML屬性

$('img').attr('src') 取得img tag裡src的屬性
$('img').attr('src','https://xxx.com') 設定img tag裡src的屬性

jQuery取得與設定CSS屬性

$('h1').css('font-size') 取得h1 tag裡css的font-size值
$('.box').css('border','1px solid red') 設定class="box"的border屬性

jQuery取得與設定CSS類別

$('button').addClass('red-color') 在button tag 新增一個red-color class
$('button').removeClass('red-color') 在button tag 移除red-color class
$('button').removeClass() 在button tag 移除所有class
$('button').toggle('red-color') 在button tag若不存在red-color class就新增它
$('button').hasClass('red-color') 在button tag 確認是否有red-color class
$('button').is('.red-color') 在button tag 確認是否有red-color class

接下來的一個月會把這三十天寫的比較簡潔的部分補充詳細。